<!--分类管理  -->
<template>
  <div class="kind-main">
    <el-card class="kindBox">
      <div slot="header">
        <span>分类管理</span>
      </div>
      <el-row :gutter="30">
        <el-col :span="6" v-for="item in kindList" :key='item.id'>
          <el-card>
            <div slot="header">
              <span style="fontSize:18px">{{item.ctitle}}  -</span><span>  {{item.etitle}}</span>
            </div>
            <el-image style="height:300px" :src="item.img"></el-image>
          </el-card>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
import kindApi from "@/api/product/kind";
export default {
  data() {
    return {
      kindList: [],
    };
  },
  created() {
    this.getKindList();
  },
  methods: {
    getKindList() {
      kindApi.kindList().then((res) => {
        this.kindList = res.data;
      });
    },
  },
};
</script>

<style lang='scss' scoped>
.kind-main {
  .kindBox {
    margin: 30px;
  }
}
</style>